@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1100px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
img{vertical-align: middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#fff;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; cursor:pointer}
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1350px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.mt5 {margin-top: 5px!important;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.myClass{
background-position:center center; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover; 
background-size:cover;
}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes ball {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

/*header*/
.header{
    width: 100%;
    height: 205px;
    position:absolute;
    z-index: 1000;
    background:url(../images/navv.png) no-repeat center;
    top: 0;

}
.logo{
    margin-left: 14%;
}
.nav{
  margin-left: 4%;
  width: 47%;
}
.nav .active{
    width: 13.5%;
    list-style: none;
    text-align: center;
    float: left;
    line-height: 135px;
    cursor: pointer;
	
    
}
.nav .active a{
  display: block;
}
.nav .on{
	background: #ff9c00;
	background:url(../images/nna3.png) no-repeat center;
}
.nav .on a{
	color: #fff;
	display: block;
	font-size: 16px;
}
.nav>ul>li>a>em{
  display: block;
  color: #787878;
  font-size: 15px;
  line-height: 35px;
}
.er{
  position: absolute;
  width: 100%;
  background: rgba(255,255,255,.6);
  top: 135px;
  left: 0;
  display: none;
}
.er_con{
  width: 1200px;
  margin: 0 auto;
}
.er_con ul li{
  float: left;
  width: 230px;
  margin: 10px 0 10px 8px;
  border-radius: 10px;
  overflow: hidden;
}
.er_con ul li a{
  display: block;
  width: 100%;
  height: 135px;
  overflow: hidden;
}
.er_con ul li a img{
  width: 100%;
  min-height: 135px;
  transition: all 0.6s;
}
.er_con ul li:hover img{
  transform: scale(1.1);
}
.er_con ul li span{
  display: block;
  text-align: center;
  color: #666;
  font-size: 15px;
  width: 100%;
  background: #117ac2;
  line-height: 30px;
  color: #fff;
}
.shtel{
    position: absolute;
    background: url(../images/telbj.png) right top no-repeat;
    top: 0;
    right: 0;
    width: 420px;
    height: 160px;
    text-align: right;
    padding-top: 30px;
}
.shtel span{
  font-size: 36px;
  font-family: "Arial";
  color: #fff;
  font-weight: bold;
  background: url(../images/tel.png) left center no-repeat;
  padding-left: 50px;
  margin-top: 35px;
  margin-right: 10%;
}



 @media screen and (max-width: 1700px) {
  .shtel{background-size: 90%;margin-left: 80px;}
}
 @media screen and (max-width: 1600px) {
  .logo{margin-left: 3%}
  .nav{margin-left: 2%;}
}
 @media screen and (max-width: 1500px) {
  .logo img{width: 80%; margin-top: 10px;}
  .nav{margin-left: -3%;}
}


/*首页banner*/
.focus {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 999;
}

.focus .hd {
  width: 100%;
  height: 20px;
  position: absolute;
  z-index: 1;
  bottom: 25px;
  text-align: center;
  display: none;

}

.focus .hd ul {
  display: inline-block;
  height: 25px;
  padding: 3px 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 0;
  vertical-align: top;
}

.focus .hd ul li {
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 15px;
  vertical-align: top;
  overflow: hidden;
  border: 2px solid #fff;
  text-indent: 20em;
}

.focus .hd ul .on {
  background: #fff;
}

.focus .bd {
  position: relative;
  z-index: 0;
}
.focus .bd li .oi-first-screen-video{width: 100%;position: relative;}
.focus .bd li .oi-first-screen-video video{position: absolute;left: 0;bottom: 0;z-index: 100;width: 100%;}
.focus .bd li .oi-first-screen-video .banner_1{z-index: 200;position: relative;}

.focus .bd li img {
  width: 100%;
}

.focus .bd li a {
  -webkit-tap-highlight-color: transparent;
}

.focus .prev {
  position: absolute;
  top: 45%;
  z-index: 999;
  left: 0;
}

.focus .next {
  position: absolute;
  top: 45%;
  z-index: 999;
  right: 0;
}

/* 内页banner */
.banner{width:100%; background:#fafafa;  z-index:11;position: relative;}

.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }

.banner_slides , .slides_container,.slides_control ,.banner_pic{height:810px;}

.banner_slides li.slidesjs-slide{width:100%;height:810px;}

.banner_slides li a{}

.banner_pic{display:block; width:100%; height:810px;}

.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }

.banner:hover .slides_btn{filter:alpha(opacity=60); -moz-opacity:0.6; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/opacity:0.6;}

.btn_previous{ left:4%; background-image:url(../images/pre01.png);}

.btn_previous:hover{ background-color:#333;background-image:url(../images/pre02.png);}

.btn_next{ right:4%; background-image:url(../images/next01.png);}

.btn_next:hover{ background-color:#333;background-image:url(../images/next02.png);}


.indexbj{
  width: 100%;
  height: auto;
  min-height: 880px;
  background: url(../images/chanpinff.jpg) top center no-repeat;
}



/*tuijian*/
.hotbt{

}
.hotbt img{
 display: block;
 margin: 0 auto;
}
.sort{
  width: 980px;
  float:right;
  margin-top: 55px;
}
.sort ul li{
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
  width:220px; height:60px;
  line-height:60px; text-align:center;
  margin-right:6px;


 
  background:#fff;
  border-left:#198ede 8px solid;
}
.sort ul li a{
  color:#000;
  font-size: 18px;
}
.sort ul li em{
  padding-left: 20px;
}
.sort ul li:hover a{
  font-weight: bold;
}

.ggbj{
  width: 1350px;
  height: 180px;
  margin: 0 auto;
  background: url(../images/ggbj.png) center no-repeat;
  margin-top: 20px;
}
.ggfl{
    margin-top: 38px;
    margin-left: 30px;
}
.ggfl b{
  color: #ff9000;
  font-size: 45px;
}
.ggfl span{
  font-size: 30px;
  color: #2b2b2b;
  padding-left: 40px;
}
.ggfl p{
  font-size: 17.5px;
  color: #000;
  line-height: 40px;
}
.ggfr{
  width:250px;
  margin-right: 20px;
  padding-top: 40px;
}
.ggfr span{
  font-size: 20px;
  color: #323232;

  padding-left: 10px;
}
.ggfr p{
  display: block;
  width: 220px;
  height: 50px;

  border-radius: 50px;
  color: #000;
  text-align: center;
  font-family: "Arial";
  font-size: 33px;
  margin-top: 13px;
}

/*产品*/
#pro-box1 {
	width: 95%;
	overflow: hidden;
	margin: 0 auto;

}

#pro-box1 li {
	width: 24%;
	height:330px;
	background: #fff;
	margin: 15px 0.4% 0 0.4%;
	float: left;
	list-style: none;
	position: relative;
	z-index: 0;
    box-sizing: border-box;
    position: relative;
}
#pro-box1 li .Img div {
	width: 100%;
	height:330px;
	padding: 0;
	margin: 0;
	display: block;
}

#pro-box1 li .proti {
position: absolute;
left: 0;
bottom: 0;

width: 100%;
background-color: rgba(0, 0, 0, 0.5);

height: 50px;
}
#pro-box1 li .proti a{
    color: #fff;
    display: block;
	text-align:center;
    line-height: 50px;
}
#pro-box1 li .proti a p{
    display: none;
}
#pro-box1 li:hover .proti{
    width: 100%;
    height: 330px;
    background: rgba(0, 0, 0, .6);
    text-align: center;
}
#pro-box1 li:hover .proti a p{
    display: block;
    font-size: 30px;
    font-family: "Arial";
    background: url(../images/tel01.png) 100px center no-repeat;
    padding-left: 10%;
}
#pro-box1 li:hover .proti a{
    padding-left: 0;
    font-size: 23px;
    color: #fff;
    padding-top: 120px;
    line-height: 50px;
}

#pro-box1 li .avatar {
	position: relative;
}
#pro-box1 li .avatar {
	display: block;
	height: 330px;
	overflow: hidden;
	width:100%;
}
#pro-box1 li .avatar .myClass {
	height: 330px;
}
.avatar:after {
	bottom: 0;
	content: url("../images/bg_play.png");
	left: 5px;
	position: absolute;
	z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
	box-shadow: 0 0 10px gray;
}
.avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
	transform: scale(1.3);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}
  

/*优势*/
.advbj{
  height: 970px;
  background:url(../images/advbj.jpg) center no-repeat;


}
.ysbt{
  text-align: center;
  padding-top: 15px;
}
.ysbt p{
  color: #fff;
  font-size: 23px;
  line-height: 50px;
}
.yslb{
  width: 1350px;
  margin: 0 auto;
  margin-top: 60px;
}
.yslb ul li{
  float: left;
  width: 254px;
  height: 323px;
  border-radius: 100px;

  margin-left:45px;
  margin-right: 45px;
}
.yslb ul li img{
  margin-top: 20px;
  margin-bottom: 5px;
}
.yslb ul li span{
	font-weight:bold;
	margin-top:150px;
	float:left;
	margin-left:50px;
	writing-mode: vertical-rl;

  color: #000;
  font-size: 30px;
  height: 300px;
}

.yslb ul li p{
	  width: 104px;
  height: 300px;

writing-mode: vertical-rl;
margin-top:150px;
  color: #000;
  line-height:40px;
  font-size: 16px;
}
.yslb ul li:nth-child(4){
  margin-right: 0
}

.yuana{
  background:url(../images/zhuan1.png) no-repeat center;
  margin-top: 30px;
}
.yuanb{
  background:url(../images/zhuan2.png) no-repeat center;
  margin-top: 30px;
}
.yuanc{
  background:url(../images/zhuan3.png) no-repeat center;
     margin-top: 30px;
}
.yuand{
  background:url(../images/zhuan4.png) no-repeat center;
     margin-top: 30px;

}
.yuane{
  background:url(../images/zhuan5.png) no-repeat center;
  margin-top: -150px;
}

.advtel{
  width: 590px;
  margin: 0 auto;
}
.advtel ul li{
  float: left;
  width: 260px;
  height: 55px;
  background: #02923b;
  text-align: center;
  line-height: 55px;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 50px;
  color: #fff;
}
.advtel ul li:nth-child(2){
  background: #ffa800;
}
.advtel ul li span{
  font-size: 32px;
  font-family: "Arial";
}
.advtel ul li a{
  color: #fff;
  font-size: 20px;
  display: block;
}
.advtel ul li:hover{
  background: #02923b
}

/*案例*/
.custerm {
  width: 100%;
  height: 660px;
  overflow: hidden;
}
.probt p{
    color: #8e8d8d;
  font-size: 16px;
}

.swiper-container {
  padding:35px 0;
}
.post_m {
  position: relative;
  padding-bottom:50px;
  margin:30px auto 0 auto;
  width:94%;
}
.post_m .swiper-slide {
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  -webkit-transform: scale(.8);
  transform: scale(.8);
}
.post_m .swiper-slide img {
  width: 100%;
  height:450px;
}
.post_m .sytext {
  box-sizing:border-box;
  width: 60%;
  line-height:45px;
  height: 45px;
  opacity:1;
  color:#000;
  text-align:center;
  font-size:17px;
  background-color:#d8d8d8;
  margin:0 auto;
}
.post_m .swiper-slide-next {
  -webkit-transform: scale(.94) translateX(10px);
  transform: scale(.94)translateX(10px);
}
.post_m .swiper-slide-prev {
  -webkit-transform: scale(.94) translateX(-10px);
  transform: scale(.94)translateX(-10px);
}
.post_m .swiper-slide-active, .post_m .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.07) translateY(-14px);
  transform: scale(1.07) translateY(-14px);
}
.post_m .swiper-slide-active .sytext, .post_m .swiper-slide-duplicate-active .sytext {
  opacity:0;
}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p {
  color: #fff;
}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a {
  display: block;
  width:100%;
  height:100%;
  position: relative;
}
.post_m .swiper-pagination {
  bottom:0;
  left: 50%;
  transform: translate(-50%, 0)
}
.post_m .swiper-pagination-bullet {
  width:16px;
  height:16px;
  background:#dedfe0;
  opacity:1;
}
.post_m .swiper-pagination-bullet+ .swiper-pagination-bullet {
  margin-left:14px;
}
.post_m .swiper-pagination-bullet-active {
  background:#47af34;
}
.custhide {
  position:absolute;
  top:310px;
  width:70%;
  height:210px;
  box-sizing:border-box;
  padding:30px;
  background:#35a8b8;
  color:#fff;
  transition:all .3s ease;
  opacity:0;
  left:0;
  right:0;
  margin:0 auto;
}
.cust_t {
  font-size:20px;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:15px;
  font-weight: bold;
}
.cust_remark {
  color: #acb9dd;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.post_m .swiper-slide-active .custhide, .post_m .swiper-slide-duplicate-active .custhide {
  opacity:1;
  bottom:-15px;
}
.cust_jt {
  background:url(../images/ala.png) left center no-repeat;
  margin-top:15px;
  padding-left: 50px;
  font-size: 26px;
  font-family: "Arial";
}
.post_m .custjt {
  bottom:-13px;
  top:auto;
  left:30%;
  width:20px;
  height:40px;
  background:url(../images/jiantou.png) no-repeat left top;
}
.post_m .custjt.swiper-button-prev {
  left:auto;
  right:30%;
  background-image:url(../images/jiantoua.png);
}
.post_m .custjt:hover {
  background-position-y:bottom;
}


/*公司简介*/
.aboutbj{
  width: 100%;
  height: 880px;
  background: url(../images/abbj.jpg) center no-repeat;
}
.abcon{
  width: 1350px;
  margin: 0 auto;
  padding-top: 50px;
}
.abny{
  font-size: 16px;
  color: #1f1f1f;
  width: 1200px;
  line-height: 36px;
  margin:0px auto;
}
.abtel{
  color: #000;
  font-size: 18px;
  margin-top: 63px;

  background:#ff810e;
  width:450px; height:55px; margin:0px auto;
      border-radius: 50px;

}



.abtel_n{
	width:140px; height:42px; background:#FFF; float:right;     border-radius: 50px; margin-top:6px; margin-right:6px; line-height:42px; text-align:center;}
.abtel span{
	width:250px; height:55px; float:left;
	line-height:55px;
  font-size: 35px;
  color:#FFF;
  font-family: "Impact";
  padding-left:50px;
  float:left;
}
.abadv{width: 1220px;  height:240px; margin-top:50px; margin:0px auto;}
.abadv ul li{
  width: 240px;
  height: 108px;

  margin-top:25px;

  margin-left:10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  text-align: center;
  padding-left:20px; 
  padding-right:20px;


}
.abadv ul li:nth-child(7){
  width: 280px;
  height: 108px;

  margin-top:25px;
  border-right:#1d8998 0px solid;
  margin-left:10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  text-align: center;


}
.abadv ul li img{

}

.abadv ul li p{
  color: #000;
  font-size: 18px;
  display: block;
  margin-top: 5px;
  margin-bottom: 2px
}
.abadv ul li p b{
  font-size: 35px;
}
.abadv ul li span{
  color: #000;
  font-size: 55px;
  font-weight:bold;
  color:#ff9c00;
  font-family:Impact;

}
.abadv ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}



/*新闻*/
.xwbj{
  width: 100%;
  height: 660px;
  background: url(../images/xwbj.jpg) center no-repeat;
}
.xwfl{
	background:#FFF;
  height: 435px;

  border:15px #f5f5f5 solid;

}
.xwimg{
  width: 530px;
  height: 340px;
  margin: 0 auto;

  overflow: hidden;
}
.xwimg img{
  width: 100%;
  transition: all 0.6s;
  height: 340px;
}
.xwimg img:hover  {
    transform: scale(1.1);
}
.xwtit{
  width: 490px;
  margin: 0 auto;
}
.xwtit .xwone{
  width: 580px;
  float: left;
  font-size: 15px;
  color: #9c9c9c;
  line-height: 28px;
  height: 63px;
  overflow: hidden;
  margin-top: 20px;
}
.xwtit .xwone a{
  display: block;
  font-size: 17px;
  color: #292929
}
.xwtit .xwtwo{
  text-align: center;
  font-size: 17px;
  color: #939393;
  font-family: "Arial";
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  position: relative;
}
.xwtit .xwtwo::after{
    content: '';
    display: block;
    position: absolute;
    top: 23px;
    width: 1px;
    height: 43px;
    background: #ddd;
    left: -25px;
}
.xwtit .xwtwo b{
  display: block;
  font-size: 33px;
  color: #303030;
  font-family: "Arial";
  font-weight: normal;
}
.xwtit .xwone a:hover{
  color: #35a8b8;
  padding-left: 15px;
}
.xwfr{
  width: 750px;

}
.xwfr ul li{
  width: 100%;
  background:#f7f7f7;
  height: 100px;


  margin-bottom: 20px;
}
.xwfr ul li:hover{

}


/*底部*/
.footer{
    background: url(../images/footer.jpg) top center;
}
.f_t,.f_b_con{
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
}
.f_nav,.f_contact{
    float: left;
}
.f_nav{
    overflow: hidden;
    width: 720px;
}
.f_nav div{
    overflow: hidden;
    border-bottom: 1px solid #333;
    padding: 20px 0;
}
.f_nav div span,.f_nav div i{
    float: left;
    position: relative;
}
.f_nav div span::after{
    content: '';
    display: block;
    width: 1px;
    height: 70px;
    background: #333;
    position: absolute;
    top: 11px;
    right: -28px;
}
.f_nav div i{
    font-size: 40px;
    color: #fd8d1a;
    line-height: 82px;
    margin-left: 60px;
}
.f_nav ul li{
    float: left;
	background:#999;
	text-align:center;
	width:175px; height:40px;
    font-size: 15px;
    margin-right: 5px;
	margin-top:10px;
	border-radius: 50px;
    line-height: 40px;
}
.f_nav ul li a{
    color: #000;
}
.f_contact{
    width: 420px;
    box-sizing: border-box;
    padding: 0 0 0 100px;
    margin-top: 31px;
}
.f_contact h3{
    font-size: 20px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: normal;
}
.f_contact ul li{
    font-size: 15px;
    color: #868686;
    line-height: 38px;;
}
.f_contact ul li::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(../images/icon1.png);
    background-repeat: no-repeat;
    margin-bottom: -4px;
    margin-right: 20px;
}
.f_contact ul li:nth-child(1)::before{
    background-position: -270px -152px;
}
.f_contact ul li:nth-child(2)::before{
    background-position: -270px -186px;
}
.f_contact ul li:nth-child(3)::before{
    background-position: -270px -221px;
}
.f_ewm{
    float: right;
}
.f_ewm img{
    width: 160px;
    height: 160px;
    margin-top: 47px;
}
.f_ewm i{
    text-align: center;
    color: #5d5d5d;
    font-size: 14px;
    margin-top: 8px;
}
.f_b{
    border-top: 1px solid #333;
    font-size: 15px;
    color: #868686;
    padding: 20px 0;
}
.link{
    float: left;
    line-height: 68px;
}
.link span{
   float:left;
}
.link ul{
    margin-left: 20px;
  float:left;
}
.link ul li{
    margin-right: 20px;
    float: left;
}
.link ul li a {
    color: #868686;
}
.bq {
	text-align:center;
    line-height: 68px;
}
.bq a, .bq a {
    color: #868686;
}
.bq a img{
    vertical-align: middle;
    margin-left: 8px;
    height: 30px;
}
.f_t{
    padding: 30px 0;
}
.ewm{
  margin-top: 80px;
}
.ewm ul li{
  float: left;
  margin-left: 25px;
  text-align: center;
}
.ewm ul li span{
  display: block;
  color: #d7d7d7;
  font-size: 16px;
  line-height: 40px;
}
.copy{

  text-align: center;
  font-size: 15px;
  color: #fff;
  line-height: 70px;
  margin-top: 43px;
}

.copy a{color: #fff;}

/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}

/*内页分类*/
.nyzc {
	width: 280px;
	height: auto;
}
.subNavBox {
	width: 280px;
	margin-top: 25px;
	background: #0071d4;
	height: auto;
	padding-bottom: 25px;
}
.cpfla {
	font-size: 18px;
	color: #fff;
	text-align: center;
	height: 90px;
	background: #d40000;
	padding-top: 13px;
}
.cpfla span {
	display: block;
	background: url(../images/xian.png) center no-repeat;
	font-size: 26px;
	font-weight: bold;
}
.subNav {
	cursor:pointer;
	width: 250px;
	height: 50px;
	border-radius: 10px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	display: block;
	margin: 0 auto;
	margin-top: 13px;
}
.subNav a {
	font-size: 16px;
	color: #000;
}
.subNav:after {
	content:"";
	display:block;
	width:0;
	height:50px;
	background:#00b121;
	margin:-50px 0 0 0;
	transition:all 0.5s ease;
	border-radius: 10px;
}
.subNav:hover a {
	color: #fff;
	font-weight: bold;
}
.subNav:hover:after {
	width:250px;
}
.currentDd {
	color:#277fc2
}
.currentDt {
	background-image:url(../images/jiantou.jpg);
}
.navContent {
	display: none;
}
.navContent li a {
	display:block;
	width:210px;
	heighr:45px;
	margin:0 auto;
	text-align:center;
	font-size:15px;
	line-height:45px;
	color:#fff;
	border-bottom:1px #7ebb15 dotted;
	background:url(../images/fenlei../images/) 13px center no-repeat;
}
.navContent li a:hover {
	color:#ed1c24;
	font-weight: bold;
	font-size:18px;
}
.left-lx {
	width: 280px;
	border: 1px solid #f1f1f1;
	overflow: hidden;
	box-sizing: border-box;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.left-lx p {
	padding: 0px 20px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}
.lx-tt {
	height: 50px;
	margin-bottom: 10px;
	background: #d40000;
	color: #888;
	width: 100%;
	margin: 0 auto 10px;
	box-sizing: border-box;
}
.lx-tt h2 {
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	float: left;
	font-weight: initial;
	padding-left: 15px;
}
.lx-tt a {
	font-size: 14px;
	color: #eee;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
.left-lx img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
/*当前导航*/
.breadcrumbs {
	height:80px;
	font-size:14px;
	line-height:73px;
	color:#fff;
	background:#037ad7;
	width: 100%;
	display: block;
}
.breadcrumbs .dh_box {
	width: 1300px;
	margin: 0 auto
}
.breadcrumbs .sortName {
	color:#fff;
	font-size:22px;
	font-weight:700;
}
.breadcrumbs .dqdhMain {
	color: #fff;
}
.breadcrumbs .dqdhMain a {
	font-size: 16px;
	color: #fff;
	display:inline-block;
}
.breadcrumbs .dqdhMain a:hover {
	text-decoration:underline;
	color:#fff;
}
.breadcrumbs .dqdhMain .span2 {
	color:#fff;
	font-size: 14px;
	display:inline-block;
	padding:0 5px;
}
.breadcrumbs .indexa {
}
.breadcrumbs .span1 {
	color:#fff;
	padding:0 10px 0 30px;
	background:url(../images/dizhi.png) left center no-repeat;
	font-size: 16px;
}
.breadcrumbs .dqdh_class {
	margin-top:20px;
}
.breadcrumbs .dqdh_class li {
	float:left;
	padding:0 15px 0 0px;
}
.breadcrumbs .dqdh_class li a {
	display:block;
	padding:0 50px;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:23px;
	position:relative;
}
.breadcrumbs .dqdh_class li a::before, .breadcrumbs .dqdh_class li a::after {
content:'';
display:block;
position:absolute;
top:50%;
margin-top:-6px;
height:12px;
width:1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.breadcrumbs .dqdh_class li a::before {
left:20px;
}
.breadcrumbs .dqdh_class li a::after {
right:20px;
}
/*内页关于我们*/
.about_con{
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 30px;
    position: relative;
    padding-bottom: 40px;
}
.about_l{
    width:100%;
}
.about_tit p{
    color: #707070;
    font-size: 17px;
    font-weight: normal;
  
    position: relative;
    margin-top: 8px;
}

.about_tit{
    margin-bottom: 30px;
    text-align: center;
}
.about_tit>em{
    font-size: 42px;
    line-height: 1;
    color: #037ad7;
    font-weight: bold;

    position: relative;
}
.about_l>p{
    font-size: 15px;
    color: #333;
    line-height: 36px;
    margin-top: 15px;
}
.about_tit1{
    margin-bottom: 30px;
    text-align: center;
}
.about_tit1>em{
    font-size: 42px;
    line-height: 1;
    color: #333;
    font-weight: bold;
    position: relative;
    margin: 0 auto;
}
.about_tit1 p{
    margin-top: 8px;
}

/*about_list*/
.about_list{
    display: block;
    margin: 60px auto;
    background: #fff;
}
.course{ width:1047px; background:url(../images/course.jpg) no-repeat center top; background-size:100% auto; margin:0 auto 70px auto; overflow:hidden;}

.course li{ width:20%; float:left; cursor: pointer;}

.course li.c01{ width:12%; margin-right:2%;}

.course li.c02{ width:24%;}

.course li.c03{width:24%; overflow:hidden;}

.course li.c04{width:24%;}

.course li.c05{ width:12%; margin-left:2%;}



.course .year{ background:#02923b; border-radius:50%; font-family:Impact; text-align:center; color:#ffffff;}

.course .year:hover{ background:#ffa10c;}

.course .txt{ text-align:center; color:#525252; font-size:15px; line-height:1.5;}

.course .xian{width:1px;  background:#b4b4b4; margin:25px auto; position:relative;}

.course .xian:after{ content:""; position:absolute; width:14px; height:14px; position:absolute; bottom:0; left:50%; margin-left:-7px; background:#b4b4b4; border-radius:50%;}

.c01 .year{ width:90px; height:90px; line-height:90px; font-size:24px; margin:46px auto 0 auto; }

.c02 .year{ width:150px; height:150px; line-height:150px; font-size:36px; margin:18px auto 0 auto;}

.c03 .year{ width:185px; height:185px; line-height:185px; font-size:48px; margin:0 auto;}

.c04 .year{width:150px; height:150px; line-height:150px; font-size:36px; margin:18px auto 0 auto;}

.c05 .year{width:90px; height:90px; line-height:90px; font-size:24px; margin:46px auto 0 auto;}



.course .c01 .xian{ height:105px;}

.course .c02 .xian{ height:70px;}

.course .c03 .xian{ height:56px;}

.course .c04 .xian{ height:70px;}

.course .c05 .xian{ height:105px;}
.course .text {
    text-align: center;
    color: #525252;
    font-size: 15px;
    line-height: 1.5;
    padding: 0;
    margin-top: 0;
}
/*单页联系我们*/
.contact_tit{
    text-align: center;
  margin-top: 50px;
    margin-bottom: 65px;
}
.contact_tit em{
    font-size: 48px;
    color: #35a8b8;
    text-transform: uppercase;
    font-weight: 600;
}
.contact_tit i{
    position: relative;
    display:block;
    font-size: 30px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    padding: 0 120px;
    margin-top: 8px;
  font-style: normal;
}

.contact_tit h3{
    margin-left: 24px;
    margin-right: 24px;
    font-size: 20px;
    color: #9e9e9e;
    line-height: 1;
    margin-top: 30px;
}
.contact_map{
    width: 1350px;
    height: 600px;
	margin:0px auto;
    margin-bottom: 30px;
}
.map_l,.map_r{
    float: left;
}
.map_l{
    width: 50%;
    height: 600px;
    background: #fff;
    box-sizing: border-box;
    padding: 120px
}
.map_l>h3{
    margin: 0;
    color: #333;
    font-size: 36px;
    font-weight: normal;
    padding-bottom: 20px;
}
.map_l ul li{
    overflow: hidden;
    font-size: 18px;
    color: #999;
    margin-bottom: 17px;
}
.map_l ul li em,.map_l ul li h3{
    display: inline-block;
    vertical-align: middle;
}
.map_l ul li h3{
    font-size: 36px;
    color: #ca2a32;
  font-family: "Arial";
}
.map_l ul li span{
    font-size: 17px;
    color: #333;
}
.map_l i{
    font-weight: bold;
    color: #333;
}
.map_l p{
    font-size: 15px;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
}
.map_r{
    width: 50%;
    height: 600px;
}
.map_r img{
    width: 100%;
    height: auto;
    min-height: 600px;
}
/*在线留言*/
.lybt{ text-align:center; margin-top:40px;}

.lybt span{font-size: 43px;line-height: 45px;text-transform: uppercase;color:#5a5a5a;}

.lybt h3{ display:block; font-size:20px; line-height:45px;color:#5a5a5a; background:url(../images/xiana.jpg) center center no-repeat;}

.liuyan{ margin-top:30px; text-align:center;}

.liuyan span{ font-size:20px;color:#ff8a00;}

.liuyan a{ font-size:16px;color: #CCCCCC;}

.liuyan p{ font-size:16px;color: #666666; line-height:30px;}
#faqbox{padding:50px 0 50px 280px;}

#faqbox form{}

#faqbox .faqline{line-height:2em;text-align:left; padding-bottom:10px; color:#999; font-size:13px;}

#faqbox .faqtit{width:150px;display:block;float:left;clear:both;text-align:right; color:#555;}

#faqbox .Content{line-height:2em;text-align:left; padding-bottom:10px;}

#faqbox font{margin:0 5px;}

#faqbox .FaqTitle{ height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:435px; vertical-align:top;}

#faqbox .Content textarea{height:100px;}

.wizfrm{ border:none;width:455px;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer; margin-top:20px;  font-family:'Microsoft YaHei';-moz-transition: all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; border-radius:5px;background-color:#ff9c00; }

.wizfrm:hover{ background-color:#fe461f; }





/*内页案例*/
.caseLista{ overflow:hidden; z-index:10; padding-top:25px;width: 85%;margin: 0 auto;height: 380px;margin-top: 5px;}
.caseLista .lina{ float:left;width:12.5%;height: 360px;background: #fff;border-radius: 20px;position: relative;}
.caseLista .lina a.imgaa{display:block; margin:auto;position: relative;width:80%; height:230px; margin-top: 20px}
.caseLista .lina a.imgaa .spanImga{ display:block;overflow:hidden; margin:auto; background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.caseLista .lina .spanTa{height:70px; width:100%;text-align: center; color:#fff;font-size:15px;}
.caseLista .lina .spanTa .altitlea{font-size: 23px;color: #333;display: block;margin-top: 10px;}
.caseLista .lina .spanTa .almorea{font-size: 16px;color: #6e6e6e;line-height: 35px}
.caseLista .lina .jiaa{width: 42px;height: 42px;background: #dc0000;border-radius: 50px;position:absolute;z-index: 999;left: 50%;margin-left: -21px;text-align: center;line-height: 35px;}
.caseLista .lina .jiaa a{color: #fff;font-size: 28px}
.caseLista .lina:hover .spanTa .altitlea{color: #016fd0}
.caseLista .lina:hover .jiaa{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.caseLista .boxa{ position:relative; z-index:10; width: 9999px;}
.caseLista .boxa ul{ width:4000px; }
.caseLista .boxa ul li{margin:auto 70px 0 0; width:12.5%;position: relative;margin-bottom: 50px}


.avatarc{
    display: block;
    height: 230px;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.caseLista .lina .avatarc .spanImga {
    height: 230px;
}

.avatarc:hover .spanImga, .zhuti .avatarc:hover .spanImga, .bbsinner .avatarc:hover .spanImga {
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}

/*·ÖÃ'³*/
.page_nav {
	padding:15px 15px;
	color:#999;
	font-size:14px;
	text-align:center;
	background-color:#fff;
}
.page_nav .nolink {
	display:inline-block;
	margin:0 5px;
	padding:0 5px;
	height:25px;
	line-height:25px;
	border:1px solid #fff;
}
.page_nav font, .page_nav a {
	display:inline-block;
	margin:0 5px;
	padding:0 10px;
	border:1px solid #e5e5e5;
	height:25px;
	line-height:25px;
	border-radius:5px;
}
.page_nav font {
	border:1px solid #fff;
}
.page_nav a:hover {
	color:#fff;
	border:1px solid #54a530;
	background-color:#54a530
}
.viewpage {
	margin:0;
	padding:20px 0 50px 0;
	border-top:1px solid #d9d9d9;
}
.viewpage .main_r_nav {
	color:#999;
	font-size:14px;
	line-height:50px;
	padding-left: 20px;
	padding-right: 20px;
  width: 300px;
  height: 50px;
  background: #ddf3e8;
  border-radius: 50px;
}
.viewpage .main_r_nav a {
	font-size:14px;
	color:#444
}
.viewpage .main_r_nav a:hover {
	text-decoration:underline;
}
/*分页*/
/*分页样式 开始*/
#pages {
  margin: 40px auto 0;
  padding: 0;
  color: #666;
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#pages li{
  float: left;
  line-height: 30px;
}
#pages span{
  padding: 0 10px;
}
#pages a {
  display: inline-block;
  padding: 0 10px;
  background: #ddd;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 5px;
  border-radius: 2px;
  color: #555;
  font-size: 14px;
}
#pages a:hover {
  background: #0890e1;
  color: #ffffff;
}
#pages a.pnnum1 {
  background: #0890e1;
  color: #ffffff;
}
#pages input {
  display: inline-block;
  padding: 0 5px;
  background-color: #0890e1;
  width: 40px !important;
  height: 30px !important;
  line-height: 30px;
  text-align: center;
  margin: 0 5px;
  color: #fff;
  cursor: pointer;
  border: 0;
  outline: none;
}
#pages .p_input {
  display: inline-block;
  padding: 0 5px;
  background: #ddd;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 5px;
  color: #555;
  cursor: default;
}

@media screen and (max-width: 1199px) and (min-width: 1080px) {
}
@media screen and (max-width: 1079px) and (min-width: 1024px) {
  #pages {
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  #pages {
    margin: 20px auto 0;
  }
}
@media (max-width: 767px) {
  #pages {
    margin: 20px auto 0;
    font-size: 0;
  }
  #pages input,
  #pages .p_input {
    display: none;
  }
  #pages a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
  }
}
@media (max-width: 320px) {
  #pages {
    margin: 0 auto;
  }
  #pages a {
    padding: 0 12px;
  }
}
/*分页样式 结束*/


.main {
	background:#fefefe url(../images/aboutbg2.jpg) center top no-repeat;
	height: auto;
	padding-bottom: 60px;
}
.page-tl-box{text-align: center;padding: 50px 0 35px;}
.page-tl-box h3{font-size: 36px;margin-bottom: 22px;}
.page-tl-box span{width: 200px;margin: 0 auto;position: relative;background-color: #dddddd;height: 1px;display: block;}
.page-tl-box span::after{content: "";width: 50px;height: 2px;background-color: #dd0900;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;z-index: 20;}
.page-tl-box span::after,.page-tl-box span::before {
    display: block;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-tl-box p{font-size: 18px;color: #888;margin-top: 22px;}

/*数字*/
.nys_box{
    height: 130px;
    width: 1000px;
    margin:0 auto;
}

.nys_box ul li{
    float: left;
    width: 330px;
    text-align: center;
    margin-top: 20px
}
.nys_box .ndiv1{
    position: relative;
}
.nys_box .ndiv1 .nspan1{
    font-size: 50px;
    color: #0e5dd4;
    font-family: "Arial";
    font-weight: bold;
}
.nys_box .ndiv1 .nspan3{display:inline-block;margin-left: 10px;line-height: 32px;color: #666;font-size: 23px;}
.nys_box .ndiv2 .nspan2{
    font-size: 18px;
    color: #666;
}




.main .main_right {
	width:100%;
	padding-top: 5px;
}
.main .main_righta {
	width:1050px;
	float: right;
}
.main .main_rightc {
	width: 960px;
}
.text {
	line-height:35px;
	font-size:15px;
	color:#000;
	padding-top: 30px

}
.text img {
	max-width:1260px;

}
.text span {
	font-size:15px;
	color:#000;
}
.main .tT01 {
	text-align:center;
	line-height:35px;
	padding-top:50px;
}
.main .tT01 .span1 {
	font-size:24px;
	color:#444;
}
.main .subtitle {
	font-size: 16px;
	line-height:40px;
	height: 40px;
	color: #8F8F8F;
	text-align:center;
	background: #f5f5f5;
	margin-top: 20px;
}
.main .subtitle span {
	padding:0 35px;
}
.main .subtitle .nytime{
  background: url(../images/shijian.png) left center no-repeat;
}
.main .subtitle .liulan{
  background: url(../images/liulan.png) left center no-repeat;
}


/**/

.main .proListal {
	width:100%;
}
.main .proListal li {
	width:340px;
	float:left;
	margin:0 5px 15px 5px;
	position:relative;
}
.main .proListal li .boxal {
	width:100%;
	height:340px;
	display:block;
	cursor:pointer;
	position:relative;
}
.main .proListal li .boxal .spanImgal {
	display:block;
	overflow:hidden;
	width:100%;
	height:370px;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
}
.main .proListal li .spanal {
	display: block;
	height:45px;
	line-height:45px;
	width:100%;
	text-align: center;
	margin:auto;
	font-size:16px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
}
.main .proListal li .spanal a {
	color:#fff;
}
.main .proListal li .spanal p {
	display: none;
}
.main .proListal li:hover .spanal {
transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	display: block;
	height: 100px;
	background-color: rgba(0, 0, 0, 0.7);
}
.main .proListal li:hover .spanal p {
	display: block;
	color: #fff;
	font-size: 18px;
}
.proListal li .avatarb {
	position: relative;
}
.proListal li .avatarb {
	display: block;
	height: 370px;
	overflow: hidden;
	width:100%;
}
.proListal li .avatarb .spanImgal {
	height: 370px;
}
.avatarb:hover, .zhuti .avatarb:hover, .bbsinner .avatarb:hover {
	box-shadow: 0 0 10px gray;
}
.avatarb:hover .spanImgal, .zhuti .avatarb:hover .spanImgal, .bbsinner .avatarb:hover .spanImgal {
	transform: scale(1.3);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}

/**/
.main .news_list {
}
.main .news_list li {
	height: 220px;
	margin-top: 15px;
	border-bottom: 1px dashed #dddddd;

}
.main .news_list li .img {
	border: 1px #f0f0f0 solid;
	margin-left: 15px;
	margin-top: 13px;
	overflow: hidden;
}
.main .news_list li .lMore {
	width:860px;
	margin-right: 25px;
	margin-top: 30px;
	margin-left: 30px
}
.main .news_list li .lMore .title {
	font-size: 22px;
	color: #000;
	line-height: 36px;
	margin-bottom:15px;
}
.main .news_list li .lMore span {
	font-size:14px;
	color:#999;
	line-height: 30px;
	background:url(../images/shijian.png) left center no-repeat;
	padding-left: 35px;
	height: 30px;
    display: block;
    margin-top: 20px;
}
.main .news_list li .lMore p {
	font-size:15px;
	color:#000;
	line-height:26px;
}
.main .news_list li .more2 {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #666;
	border: 1px solid #ddd;
	display:block;
	font-size:23px;
	text-align:center;
	margin-top: 75px;
	margin-right: 20px
}
.main .news_list li:hover .title{
	color:#ff9c00;
	padding-left:15px;
	font-weight:bold;
}
.main .news_list li:hover .more2{
	background:#35a8b8;
	border-color: #35a8b8;
	color:#fff;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
}
.main .news_list li:hover .more2 a{
	color:#fff;
	display: block;
}
.main .news_list li:hover {
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .08);
transition: all .3s ease-out;
	border-bottom: none;
}
.main .news_list li:hover .img img{
	transition: all 1.2s;
    transform: scale(1.2, 1.2);
}
/*详情页*/
.product_dqdh {
	background-color:#f4f4f4;
}
.product_top {
}
.product_top .l_img {
	width:600px;
	height:470px;
	background-color:#f2f2f2;
	text-align:center;
	display:table;
}
.product_top .l_img span {/*display: table-cell; vertical-align:middle;*/
	display:block;
	width:100%;
	height:100%;
	background-size:cover !important;
}
.product_top .l_img span img {
	width:600px;
	height:470px;
}
.product_top span img {
	display:inline-block;
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}
.product_top .r_box {
	width:550px;
}
.product_top .r_box .product_title {
	border-bottom:1px solid #ddd;
	padding:10px 0 8px 0;
}
.product_top .r_box .product_title h2 {
	font-weight:700;
	font-size:26px;
	color:#101010;
}
.miaoshu {
}
.product_top .subtitle {
	font-size:14px;
	color:#000;
	padding-top:20px;
	padding-left: 20px;
}
.product_top .subtitle span {
	display:block;
	padding-left:25px;
	line-height: 23px;
	height: 24px;
}
.product_top .subtitle span.span1 {
	background:url(../images/shijian.png) left center no-repeat;
}
.product_top .subtitle span.span2 {
	background:url(../images/liulan.png) left center no-repeat;
}
.product_top .keyword {
	height:40px;
	line-height:40px;
	font-size:15px;
	color:#717171;
}
.product_top .keyword span {
	font-size:18px;
	color:#0059A9;
}
.product_top .desc {
	font-size:14px;
	color:#717171;
	line-height:30px;
	margin-top: 15px;
}
.product_top .desc span {
	display:block;
	float:left;
	width:200px;
}
.product_top .desc p {
	display:block;
	float:right;
	width:550px;
	line-height: 25px;
	font-size: 15px;
	color: #000;
}
.product_top .lianxi .a {
	display:block;
	line-height:40px;
	float:left;
	margin-right:30px;
	color:#ff0000;
	font-size:18px;
	/* border-bottom:1px solid #ff0000; */

}
.product_top .lianxi .a.a_qq {
	background:url(../images/QQ.png) left center no-repeat;
}
.product_top .lianxi .a.a_tel {

}
.product_top .dianhua {
	height:40px;
	padding:0 30px;
	line-height:40px;
	text-align:center;
	border-radius:30px;
	font-size:15px;
	background-color:#be0000;
	margin-top: 100px;
	width: 130px;
}
.product_top .dianhua a {
	color:#fff;
}
.product_top .dianhua:hover {
	background-color:rgba(250, 175, 41, 1);
}
.share {
	margin-top:10px;
}
.share .span1 {
	line-height:32px;
	color:#999;
	padding-right:10px;
	font-size:15px;
}
.xiangqing{
  margin-top: 30px;
}
.xiangqing_top {
}
.xiangqing_top .a_nav {
	display:block;
	float:left;
	width:190px;
	background-color:#fff;
	border-bottom:2px solid #e50000;
	color:#eea200;
	text-align:center;
	height:50px;
	line-height:50px;
	font-size:18px;
}
.xiangqing_top .a_nav.active {
	background-color:#e50000;
	color:#fff;
}
.contenta {
	border:1px solid #ddd;
	background: #fff;
}
.contact_title2 {
	text-align: center;
	font-size: 18px;
	color: #888;
}
.lx_b {
	width: 100%;
	height: 422px;
	border: 1px solid #000;
	margin-top: 30px;
}
.lx_list {
	background-color: #fff;
	width: 275px;
	margin: 39px 10px;
	min-height: 300px;
}
.lx_list p {
	line-height: 35px;
	font-size: 16px;
	color: #666;
	padding-left: 30px;
}
/*地图*/
.BMap_Marker.BMap_noprint {
	background: url(../images/dt.png) center center no-repeat !important;
	display: block !important;
}
.BMap_Marker {
	display: none !important;
}
/*内页联系*/
.contactus_tbgl {
	width: 390px;
	height: 256px;
	background: #149e13;
	float: left;
	overflow: hidden;
	padding-left: 38px;
	color: #fff;
}
.contactus_tbgl b {
	display: block;
	font-size: 32px;
	font-weight: lighter;
	padding: 38px 0 22px 0;
}
.contactus_tbgl p {
	display: block;
	font-size: 25px;
	width: 260px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #fff;
}
.contactus_tbgl em {
	font-size: 24px;
	font-family: "arial";
	line-height: 40px;
	font-style: normal;
}
.contactus_tbgr {
	width: 860px;
	height: 256px;
	float: right;
	overflow: hidden;
	padding-left: 110px;
	background: url(../images/conbj.jpg) no-repeat;
}
.contactus_tbgr b {
	display: block;
	padding-top: 50px;
	font-size: 24px;
	color: #494949;
}
.contactus_tbgr p {
	display: block;
	padding-top: 10px;
	font-size: 14px;
	line-height: 24px;
	width: 666px;
}
.zxmap {
	text-align: center;
	color: #000;
	font-size: 35px;
	margin-bottom: 20px;
}

/* 内页左侧分类 */
.nyfl{margin-bottom: 20px}
.nyfl ul li{float: left;width: 193px;height: 40px;line-height: 40px;text-align: center;background: #02923b; border-radius: 50px;margin:0 10px 10px; }
.nyfl ul li a{color: #fff;font-size: 16px;display: block;}
.nyfl ul li:hover{background: #ff9600}
.nyfl ul li:hover a{color: #fff}

.nyyc{width: 280px;height: auto;margin-right: 20px;margin-top: 30px;}
.fenlei span{color: #333;font-size: 24px;}
.fenlei ul{margin-top: 20px;}
.fenlei ul li{height: 38px;line-height: 38px;background: #e7e7e7;margin-bottom: 10px;padding-left: 25px;font-size: 15px;width: 250px;}
.fenlei ul li a{color: #333;display: block;}
.fenlei ul li:hover{background:#d50000;cursor: pointer;}
.fenlei ul li:hover a{color: #fff;}
.nylx{width: 245px;height: auto;background: #f2f2f2;padding-bottom: 30px;margin-top: 20px;padding: 20px 15px 20px 15px;margin-bottom: 50px;}
.nylx span{color: #333;font-size: 24px;}
.nylx p{color: #838383;font-size: 14px;line-height: 26px;}

.map{width: 1152px;height: 453px;margin: 0 auto;display: block;}



.case_l{
	width:590px; height:160px; float:left;}
	
	
	.cases{
		width:1300px; height:160px; margin:0px auto;}
.case_r a{
	width:125px; height:40px; background:#ffba00; float:right; border-radius: 50px; margin-top:50px; line-height:40px; text-align:center;}
	
	
	
	
.page_listpro{
    width: 1350px;
    margin: 40px auto;
    overflow: hidden;
}
.page_listpro_l,.page_listpro_r{
    float: left;
}
.page_listpro_l{
    width: 280px;
	margin-right:10px;
}
.page_prolistt{
    background: #037ad7;
    padding-bottom: 45px;
}
.page_prolistt span{
    display: block;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    padding-top: 5px;
}
.page_prolistt span h3{
    font-weight: bold;
    font-size: 30px;
    margin: 20px 0 10px 0;
}
.page_prolistt span em{
    font-size: 16px;
    text-transform: uppercase;
}
.page_prolistt ul{
    margin-top: 20px;
}
.page_prolistt ul li{
    width: 240px;
    background: #fff;

    line-height: 45px;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
    margin: 5px auto;

}
.page_prolistt ul li a{
 
    width: 100%;
   
    color: #333;
    font-size: 16px;
    position: relative;
    z-index: 11;
}
.ll {
    position: absolute;
    top: -55px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #ff9000;
    transition: all 0.6s;
}
.page_prolistt ul li:hover .ll{
    top: 0;
}
.page_prolistt ul li a:hover {
	font-weight:bold;

    color: #ff9c00;
}
.page_prolistb{
    color: #fff;
    background:#037ad7;
    margin-top: 25px;
    padding: 30px;
}
.page_prolistb em{
    font-size: 16px;
    line-height: 30px;
} 
.page_prolistb h3 {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
    font-family: impact;
    font-weight: 100;
    color: #ff9000;
}
.page_prolistb ul li{
    line-height: 45px;
    font-size: 15px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.page_listpro_r{
    width: 1050px;
    margin-left: 19px;
}
.page_listpro_r ul li{
    float: left;
    width: 340px;
    margin: 5px;
}
.page_listpro_r ul li a{
    display: block;
    width: 100%;
}
.page_listpro_r ul li span{
    display: block;
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.page_listpro_r ul li span>img{
    width: 100%;
    height: auto;
    min-height: 300px;
    transition: all 0.6s;
}
.page_listpro_r ul li:hover img{
    transform: scale(1.1);
}
.page_listpro_r ul li a>em{
    width: 100%;
    line-height: 50px;
    background: #f3f3f3;
    text-align: center;
    font-size: 15px;
    color: #333;
    display: block;
    height:50px;
}
.page_listpro_r ul li:hover a>em{
    background: #01a38c;
    color: #fff;
}


.dbnav{
	width: 1300px;
	margin: 0 auto;
	height: 80px;


	padding-top:20px;
}
.dbnav ul li{
	float: left;
	line-height: 60px;
	width: 160px;
	text-align: center;
}
.dbnav ul li a{
	font-size: 16px;
	color: #fff;
}
.dbnav ul li:hover a{
	text-decoration: underline;
}


.chanpinfelie{
	width:100%; height:330px; }
	
.chanpinfelie_l{
	width:300px; height:225px; float:left; margin-top:40px;}
	
.aboutt{
	width:1360px; height:265px; margin:20px auto;}
.hengta{
	width:100%; height:165px; background:#0092d7;}
	
	
.f_t1{
    width: 100%;
    height: 140px;
    background: #0092d7;
    box-sizing: border-box;
}
.f_t1_con{
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
}
.f_t1_con ul li{
    float: left;
    height: 140px;
    width: 33.3%;
    color: #fff;
    position: relative;
    padding-left: 70px;
    padding: 40px 80px;
    box-sizing: border-box;
}
.f_t1_con ul li:nth-child(2){
    padding: 40px 111px;
}
.f_t1_con ul li:nth-child(3){
    padding: 40px 131px;
}
.f_t1_con ul li strong{
    font-size: 20px;
}
.f_t1_con ul li i{
    font-size: 16px;
    margin-top: 8px;
}
.f_t1_con ul li::before{
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 41px;
    left: 18px;
}
.f_t1_con ul li:nth-child(1)::before{
    background-position: -177px -110px;
}
.f_t1_con ul li:nth-child(2)::before{
    background-position: -229px -111px;
    left: 47px;
}
.f_t1_con ul li:nth-child(3)::before{
    background-position: -278px -111px;
    left: 70px;
}
.f_t1_con ul li::after{
    content: '';
    display: block;
    width: 1px;
    height: 80px;
    background: rgba(255,255,255,.3);
    position: absolute;
    right: 0;
    top: 30px;
}
.f_t1_con ul li:last-child:after{
    background: transparent;
}

i, em {
    font-style: normal;
    display: block;
}


.guanbggai{
	width:100%; height:320px; background:url(../images/guang.jpg) no-repeat bottom #198ede;}
.guanbggai h4{
	 text-align:center; font-size:60px; font-weight:bold; color:#FFF; line-height:100px; }
	.guanbggai p{
	 text-align:center; font-size:16px; color:#FFF; line-height:30px; }
	 
	 
	.abadv01{width: 1300px; background:#fff; height:130px; margin-top:50px; margin:0px auto; border-radius: 50px; margin-top:40px;}
.abadv01 ul li{
  width: 164px;
  height: 98px;

  margin-top:15px;

  margin-left:10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  text-align: center;


}
.abadv01 ul li:nth-child(7){
  width: 164px;
  height: 108px;

  margin-top:15px;
  border-right:#1d8998 0px solid;
  margin-left:10px;
  margin-right: 10px;
  text-align: center;
  float: left;
  text-align: center;


}
.abadv01 ul li img{

}
.abadv01 ul li p{
  color: #000;
  font-size: 18px;
  display: block;
  margin-top: 5px;
  margin-bottom: 2px
}
.abadv01 ul li p b{
  font-size: 35px;
}
.abadv01 ul li span{
  font-size: 20px;
  color: #02923b;
}
.abadv01 ul li:hover img{cursor:pointer; -webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;transition: all ease-in-out .3s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

.abadv01 ul li:hover{

}
.abadv01 ul li:hover p{
  color: #000;
}
.abadv01 ul li:hover span{
  color: #fff;
}

.cccase{
	width:100%; height:790px; background:url(../images/casess.jpg) no-repeat center;}
	
.cccase_m{
	width:1360px; height:700px; background:#ededed; margin:0px auto;color: white;text-align: center;line-height: 50px;}
	
.cccase_m_l{
	width:320px; height:600px; float:left;  margin-top:50px; margin-left:50px;}
.cccase_m_l ul li{
	width:320px; height:295px; border:#999 1px solid;  margin-bottom:10px;
}
.cccase_m_r{
	width:320px; height:600px; float:right; margin-top:50px; margin-right:50px; }
	.cccase_m_r ul li{
	width:320px; height:295px; border:#999 1px solid;  margin-bottom:10px;
}
.cccase_m_z{
	width:600px; height:600px; float:left; margin-left:10px;  margin-top:50px; border:#999 1px solid;}
	
	
.news_con{
    width: 1360px;
    margin: 30px auto;
    overflow: hidden;
}
.news_l{
    width: 75%;
    float:right;
}
.news_list1{
   
}
.news_list1 li{
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 2px;
    
}
.news_list1 li a{
    display: block;
    color: #898686;
    font-size: 15px;
    background: #dbdbdb;
}
.news_list1 li.active a{
    background: #fd8d1a;
    color: #fff;
}
.news_content li{
    width: 48%;
    float: left;
    margin-right: 2%;
    border-bottom: 1px solid #dedede;
    height: 150px;
    box-sizing: border-box;
    padding: 25px 0;
   
}
.news_content li a{
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
.news_content li:hover strong,.news_content li:hover i{
    color: #ff9c00;
}
.news_content li a span,.news_content li a em{
    float: left;
}
.news_content li a span{
    width: 15%;
    position: relative;
}
.news_content li a span::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
    width: 1px;
    height: 60px;
    background: #d8d8d8;
}
.news_content li a em{
    width: 80%;
    margin-left: 5%;
}
.news_content li a span i{
    font-size: 14px;
    color: #666;
}
.news_content li a span strong{
    display: block;
    margin: 0 auto;
    font-size: 60px;
    font-weight: normal;
    color: #515151;
    font-family: 'Impact';
}
.news_content li em h3{
    color: #333;
    font-weight: normal;
    font-size: 18px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_content li em p{
    font-size: 15px;
    color: #666;
    line-height: 22px;
    margin-top: 15px;
}
.news_r{
    float:left;
    width: 270px;
	height:435px;
}
.news_r span{
    display: block;
    width: 100%;
    height: 225px;
}
.news_r span img{
    width: 100%;
    height: auto;
    min-height: 225px;
}
.news_r em{
    background: #dbdbdb;
    color: #5d5d5d;
    height: 120px;
    box-sizing: border-box;
    padding: 15px;
}
.news_r em h3{
    font-weight: normal;
}
.news_r em p{
    font-size: 15px;
    line-height: 25px;
    margin-top: 8px;
}
.news>a{
    display: block;
    width: 195px;
    height: 50px;
    background: #0899b3;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    text-align: center;
    line-height: 50px;
    border-radius: 28px;
    color: #fff;
    font-size: 15px;
    margin: 0 auto;
}


.proti {
    position:relative;
	margin-top:-50px;

    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    height: 50px;
	z-index:999;
}


.proti a {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 50px;
}

.h_phone{
    line-height: 36px;
    font-size: 35px;
    color: #fff;
    background: url(../images/tel.png) left center no-repeat;
    padding-left: 40px;
	padding-top:30px;
    margin-right: 8%;
}